<%! func OffCanvas(w io.Writer) error %>
<div id="tm-offcanvas" class="uk-offcanvas">

  <div class="uk-offcanvas-bar">

    <ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav="{multiple:true}">
      <li class="uk-parent uk-active uk-open" aria-expanded="true"><a href="#">Documentation</a>
        <div style="overflow: hidden; height: auto; position: relative;"><ul class="uk-nav-sub" role="menu">
          <li><a href="documentation_get-started.html">Get started</a></li>
          <li><a href="documentation_how-to-customize.html">How to customize</a></li>
          <li><a href="documentation_layouts.html">Layout examples</a></li>
          <li><a href="core.html">Core</a></li>
          <li><a href="components.html">Components</a></li>
          <li><a href="documentation_project-structure.html">Project structure</a></li>
          <li><a href="documentation_less-sass.html">Less &amp; Sass files</a></li>
          <li><a href="documentation_create-a-theme.html">Create a theme</a></li>
          <li><a href="documentation_create-a-style.html">Create a style</a></li>
          <li><a href="documentation_customizer-json.html">Customizer.json</a></li>
          <li><a href="documentation_javascript.html">JavaScript</a></li>
          <li><a href="documentation_custom-prefix.html">Custom prefix</a></li>
        </ul></div>
      </li>
      <li class="uk-nav-header">Core</li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-wrench"></i> Defaults</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="base.html">Base</a></li>
          <li><a href="print.html">Print</a></li>
        </ul></div>
      </li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-th-large"></i> Layout</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="grid.html">Grid</a></li>
          <li><a href="panel.html">Panel</a></li>
          <li><a href="block.html">Block</a></li>
          <li><a href="article.html">Article</a></li>
          <li><a href="comment.html">Comment</a></li>
          <li><a href="utility.html">Utility</a></li>
          <li><a href="flex.html">Flex</a></li>
          <li><a href="cover.html">Cover</a></li>
        </ul></div>
      </li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-bars"></i> Navigations</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="nav.html">Nav</a></li>
          <li><a href="navbar.html">Navbar</a></li>
          <li><a href="subnav.html">Subnav</a></li>
          <li><a href="breadcrumb.html">Breadcrumb</a></li>
          <li><a href="pagination.html">Pagination</a></li>
          <li><a href="tab.html">Tab</a></li>
          <li><a href="thumbnav.html">Thumbnav</a></li>
        </ul></div>
      </li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-check"></i> Elements</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="list.html">List</a></li>
          <li><a href="description-list.html">Description list</a></li>
          <li><a href="table.html">Table</a></li>
          <li><a href="form.html">Form</a></li>
        </ul></div>
      </li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-folder-open"></i> Common</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="button.html">Button</a></li>
          <li><a href="icon.html">Icon</a></li>
          <li><a href="close.html">Close</a></li>
          <li><a href="badge.html">Badge</a></li>
          <li><a href="alert.html">Alert</a></li>
          <li><a href="thumbnail.html">Thumbnail</a></li>
          <li><a href="overlay.html">Overlay</a></li>
          <li><a href="text.html">Text</a></li>
          <li><a href="column.html">Column</a></li>
          <li><a href="animation.html">Animation</a></li>
          <li><a href="contrast.html">Contrast</a></li>
        </ul></div>
      </li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-magic"></i> JavaScript</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="dropdown.html">Dropdown</a></li>
          <li><a href="modal.html">Modal</a></li>
          <li><a href="offcanvas.html">Off-canvas</a></li>
          <li><a href="switcher.html">Switcher</a></li>
          <li><a href="toggle.html">Toggle</a></li>
          <li><a href="scrollspy.html">Scrollspy</a></li>
          <li><a href="smooth-scroll.html">Smooth scroll</a></li>
        </ul></div>
      </li>
      <li class="uk-nav-header">Components</li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-th-large"></i> Layout</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="grid-js.html">Dynamic Grid</a></li>
          <li><a href="grid-parallax.html">Parallax Grid</a></li>
        </ul></div>
      </li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-bars"></i> Navigations</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="dotnav.html">Dotnav</a></li>
          <li><a href="slidenav.html">Slidenav</a></li>
          <li><a href="pagination-js.html">Dynamic Pagination</a></li>
        </ul></div>
      </li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-folder-open"></i> Common</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="form-advanced.html">Form advanced</a></li>
          <li><a href="form-file.html">Form file</a></li>
          <li><a href="form-password.html">Form password</a></li>
          <li><a href="form-select.html">Form select</a></li>
          <li><a href="placeholder.html">Placeholder</a></li>
          <li><a href="progress.html">Progress</a></li>
        </ul></div>
      </li>
      <li class="uk-parent" aria-expanded="false"><a href="#"><i class="uk-icon-magic"></i> JavaScript</a>
        <div style="overflow:hidden;height:0;position:relative;" class="uk-hidden"><ul class="uk-nav-sub" role="menu">
          <li><a href="lightbox.html">Lightbox</a></li>
          <li><a href="autocomplete.html">Autocomplete</a></li>
          <li><a href="datepicker.html">Datepicker</a></li>
          <li><a href="htmleditor.html">HTML editor</a></li>
          <li><a href="slider.html">Slider</a></li>
          <li><a href="slideset.html">Slideset</a></li>
          <li><a href="slideshow.html">Slideshow</a></li>
          <li><a href="parallax.html">Parallax</a></li>
          <li><a href="accordion.html">Accordion</a></li>
          <li><a href="notify.html">Notify</a></li>
          <li><a href="search.html">Search</a></li>
          <li><a href="nestable.html">Nestable</a></li>
          <li><a href="sortable.html">Sortable</a></li>
          <li><a href="sticky.html">Sticky</a></li>
          <li><a href="timepicker.html">Timepicker</a></li>
          <li><a href="tooltip.html">Tooltip</a></li>
          <li><a href="upload.html">Upload</a></li>
        </ul></div>
      </li>
      <li class="uk-nav-divider"></li>
      <li><a href="../showcase/index.html">Showcase</a></li>
      <li><a href="tutorials.html">Tutorials</a></li>
      <li><a href="/">UIkit 3</a></li>
    </ul>

  </div>

</div>
